import { MemoryRouter as Router, Routes, Route } from 'react-router-dom';
import icon from '../../assets/icon.svg';
import './App.css';
import AppRoutes from './routes';
import { NextUIProvider } from '@nextui-org/react';
import { useNavigate } from 'react-router-dom';
import './tailwindcss.css';
function AppWithRouter() {
  const navigate = useNavigate();
  return (
    <NextUIProvider navigate={navigate}>
      <main className="dark text-foreground bg-background">
        <AppRoutes></AppRoutes>
      </main>
    </NextUIProvider>
  );
}
export default function App() {
  return (
    <Router>
      <AppWithRouter></AppWithRouter>
    </Router>
  );
}
